import React from "react";
import { UserCircleO, HomeO } from "@react-vant/icons";
import styles from "./added.module.scss";
import { useNavigate } from "react-router-dom";

export default function Added() {
  const navigate = useNavigate();
  return (
      <div className={ styles.addedHeader}>
      {/* 搜索 */}
      <div className={styles.search}>
        <UserCircleO className={styles.ren} />
          <span>更多咨询页</span>
        <HomeO className={styles.ling} />
      </div>
           {/* 女性朋友 */}
      <div className={styles.nv_da}  onClick={() => {
          navigate("/seek");
        }}>
        <div className={styles.nv_zuo}>
          <img src={require("../../image/女性.jpg")} alt="" />
        </div>
        <div className={styles.nv_you}>
          <p>女性朋友都注意啦！营养专家：如果不想失眠，请远离6种吃法！</p>
          <div className={styles.you_xia}>
            <span>
              范志红注册营养师 <span className={styles.span_shi}>10分钟前</span>
            </span>
          </div>
        </div>
      </div>
      {/* 早上起来 */}
      <div className={styles.zao_da}>
        <div className={styles.zao_shang}>
          <span>早上起来第一杯水喝什么？</span>
        </div>
        <div className={styles.zao_zhong}>
          <img src={require("../../image/早上.jpg")} alt="" />
          <img src={require("../../image/早上2.jpg")} alt="" />
          <img src={require("../../image/早上3.jpg")} alt="" />
        </div>
        <div className={styles.zao_xia}>
          <span>慎独白衣</span>
          <span>23小时前</span>
        </div>
      </div>
        {/* 吃坚果 */}
      <div className={styles.nv_da}>
        <div className={styles.nv_zuo}>
          <img src={require("../../image/吃坚果.jpg")} alt="" />
        </div>
        <div className={styles.nv_you}>
          <p>吃坚果等于 “喝油” ，减肥期间不能吃！吓唬谁呢？</p>
          <div className={styles.you_xia}>
            <span>
              钱多多营养师 <span className={styles.span_shiis}>1天前</span>
            </span>
          </div>
        </div>
      </div>
       {/* 哪种油对身体最有益？怎么吃最健康？ */}
      <div className={ styles.you_da}>
        <div className={styles.you_shang}>
          <span>哪种油对身体最有益？怎么吃最健康？</span>
        </div>
        <div className={styles.you_xia}>
          <span className={ styles.s1}>心内科喵医生</span>
          <span className={ styles.s2}>1周前</span>
        </div>
      </div>
      {/* 心烦 */}
      <div className={styles.xin_da}>
        <div className={styles.xin_zuo}>
          <img src={require("../../image/心烦失眠.jpg")} alt="" />
        </div>
        <div className={styles.xin_you}>
          <p>心烦、失眠、上火····4杯暖心茶，补气清热更轻松！</p>
          <div className={styles.you_xia}>
            <span>
              北京卫视我是大医生{" "}
              <span className={styles.span_shis}>2018-12-10</span>
            </span>
          </div>
        </div>
      </div>
    </div>
  );
}
